@import '../../assets/scss/common.scss';


.list-item {
  -webkit-column-break-inside: avoid;
  background-color: white;
  margin: 0 6px 10px 6px;
  border-radius: 6px;
  &.active {
    color: #ccc;
  }
  .img {
    img {
      width: 100%;
    }
  }
  .content {
    padding: 6px;
  } 
  h5 {
    @include line(3);
  }

  .tag {
    height: 26px;
    overflow: hidden;
    span {
      background-color: rgba(89,110,255,.1);
      color: grey;
      padding: 2px;
      margin: 0px 4px;
      display: inline-block;
      font-size: 10px;
    }
  }
  .tag1 {
    color: #53b884;
    border: 1px solid #53b884;
    display: inline-block;
    margin: 4px;
    font-size: 10px;
  }

  .price {
    color: #f73c4f;
    font-size: 20px;
    font-weight: bold;
  }

  .BusCard-dq4 {
    border: 1px solid #f73c4f;
    border-radius: 2px;
    display: flex;
    font-size: 12px;
    width: 84px;
    .dq4-good {
      background-color: #f73c4f;
      color: white;
      padding: 2px;
    }
    .dq4-text {
      color: #f73c4f ;
      padding: 2px;
    }
  }
}

